<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,chrome=1">	
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title>小黑屋命运塔罗牌</title>
<meta name="Keywords" content="小黑屋命运塔罗牌">
<meta name="Description" content="小黑屋命运塔罗牌是一个娱乐小游戏，为QQ群提供娱乐的一个小游戏">
<link href="css/WeUI/weui.min.css" rel="stylesheet" />
<style>
	body {
		background: #E7244B;
	}

	.top {
		width: 100%;
	}

/*	.weui-grid {*/
/*		padding: 0;*/
/*	}*/

		.weui-grid:before {
			border: 0;
		}

		.weui-grid:after {
			border: 0;
		}

	.weui-grids:before {
		border: 0;
	}

	a {
		text-align: center;
	}

	.img {
		height: 33vw;
	}
	.imgs {
		width: 100%;
	}

	.info {
		display: none;
		margin-top: 1vw;
		width: 0;
		height: 31vw;
	}

	.shelter {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	.bottom {
		width: 100%;
	}
	.weui-dialog__bds {
    padding: 0 1.6em .8em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-all;
    color: #999;
}

.text1,.text2,.text3,.text4,.text5{
text-align:center;
border:none;
}
#bodycn{
width:100%;
}
.tips {
    position: fixed;
    z-index: 9;
    top: 0;
    font-size: 10px;
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
    color: #fff;
    width: 100%;
    text-align: center;
}
.tips span a {
    display: block;
    color: #fff;
    background-color: #e6d413;
    width: 40px;
    margin: 0 auto;
    padding: 2px;
    border-radius: 3px;
}
.bottom-text {
    font-size: 14px;
    padding: 5px 20px;
    color: #fff;
}
</style>
</head>
<body>
<div id="bodycn">
<img class="top" src="images/top.jpg" alt="top">
<div class="weui-grids" id="draw">
	<a href="javascript:;"  class="weui-grid">
		<img class="img" src="images/tarotbg/bg.png" alt="">
		<img class="info">
	</a>
	<a href="javascript:;" class="weui-grid">
		<img class="img" src="images/tarotbg/bg.png" alt="">
		<img class="info">
	</a>
	<a href="javascript:;" class="weui-grid">
		<img class="img" src="images/tarotbg/bg.png" alt="">
		<img class="info">
	</a>
	<a href="javascript:;"  class="weui-grid">
		<img class="img" src="images/tarotbg/bg.png" alt="">
		<img class="info">
	</a>
	<a href="javascript:;"  class="weui-grid">
		<img class="img" src="images/tarotbg/bg.png" alt="">
		<img class="info">
	</a>
</div>
<img class="bottom" src="images/bottom.png" />
<div  class="bottom-text">
	<p>1、5张牌每次只能选一张，翻开牌后会自动生成结果。</p>
	<p>2、分享结果表示自愿承受后果，所以被禁言了不要来打我(甩锅)。</p>
	<p>4、这个游戏只是娱乐活跃群内气氛，请不要太认真。</p>
	<p>3、祝大家好运。</p>
</div>
</div><!-- body end -->
<div class="js_dialog" id="iosDialog1" style="display: none;">
<canvas id="main" height="1200" width="750" style="display: none;"></canvas>
	<div class="weui-mask"></div>
	<div class="weui-dialog">
		<div class="weui-dialog__hd"><strong class="weui-dialog__title">请保存结果查看解释</strong></div>
		<div class="weui-dialog__bd">
		<input type="text" name="text1" class="text1">
		<input type="text" name="text2" class="text2">
		<input type="text" name="text3" class="text3">
		<input type="text" name="text4" class="text4">
		<input type="text" name="text5" class="text5">
		</div>
		<div class="weui-dialog__ft">
		    <a href="" id="sss"></a>
			<a href="javascript:;" onclick="saveAsLocalImage()" class="weui-dialog__btn weui-dialog__btn_default">保存结果</a>
			<a href="javascript:;" onclick="Refresh()" class="weui-dialog__btn weui-dialog__btn_primary">再玩一次</a>
		</div>
	</div>
</div>
<div class="js_dialog" id="iosDialog2" style="display: none;">
	<div class="weui-mask"></div>
	<div class="weui-dialog">
		<div class="weui-dialog__hd"><strong class="weui-dialog__title">出错了</strong></div>
		<div class="weui-dialog__bds">请联系管理员报错，或刷新页面</div>
		<div class="weui-dialog__ft">
			<a href="javascript:;" onclick="ClosePage()" class="weui-dialog__btn weui-dialog__btn_default">关闭</a>
			<a href="javascript:;" onclick="Refresh()" class="weui-dialog__btn weui-dialog__btn_primary">刷新</a>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/ifMobile.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/show.js"></script>
<script type="text/javascript" src="js/CanvasImg.js"></script>
</body>
</html>